Micron Document
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
| SparkN0de-git | SparkN0de |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Node / ReticulumProjects / MeshChatX.git / commits / 247502e


Commit 247502e6ca5de94a21be8f2e31aaec9ff8abf478

󰉖 Browse tree at this commit

Parents : 0000ab1
Author : Sudo-Ivan <ivan@quad4.io>
Signature : Signature validation error
Date : 2026-03-09T12:36:33-05:00

Add time ago functionality to MessagesSidebar component

Changes

1 files changed, 8 insertions(+), 1 deletions(-)

M meshchatx/src/frontend/components/messages/MessagesSidebar.vue +8 -1

Diff

diff --git a/meshchatx/src/frontend/components/messages/MessagesSidebar.vue b/meshchatx/src/frontend/components/messages/MessagesSidebar.vue
index 1c755f0d..6d22b4a6 100644
--- a/meshchatx/src/frontend/components/messages/MessagesSidebar.vue
+++ b/meshchatx/src/frontend/components/messages/MessagesSidebar.vue
@@ -303,6 +303,7 @@
GlobalState.config.banished_effect_enabled && isBlocked(conversation.destination_hash),
selectionMode,
selectedHashes.has(conversation.destination_hash),
+ timeAgoTick,
]"
class="flex cursor-pointer p-2 border-l-2 relative group conversation-item"
:class="[
@@ -567,6 +568,7 @@
peer.snr,
selectedDestinationHash === peer.destination_hash,
GlobalState.config.banished_effect_enabled && isBlocked(peer.destination_hash),
+ timeAgoTick,
]"
class="flex cursor-pointer p-2 border-l-2 relative"
:class="[
@@ -772,6 +774,7 @@ export default {
return {
GlobalState,
tab: "conversations",
+ timeAgoTick: 0,
foldersExpanded,
selectionMode: false,
selectedHashes: new Set(),
@@ -852,11 +855,15 @@ export default {
},
},
mounted() {
- // listen for contact updates
GlobalEmitter.on("contact-updated", this.onContactUpdated);
+ const tickMs = 60 * 1000;
+ this._timeAgoInterval = setInterval(() => {
+ this.timeAgoTick = Date.now();
+ }, tickMs);
},
unmounted() {
GlobalEmitter.off("contact-updated", this.onContactUpdated);
+ if (this._timeAgoInterval) clearInterval(this._timeAgoInterval);
},
methods: {
onContactUpdated(data) {


──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────